<template>
   <WatchDemo1></WatchDemo1>
   <hr>
   <WatchDemo2></WatchDemo2>
   <hr>
   <WatchDemo3></WatchDemo3>
   <hr>
   <WatchDemo4></WatchDemo4>
   <hr>
   <watch-effect-demo></watch-effect-demo>
</template>

<script>
import WatchDemo1 from './components/WatchDemo1.vue'
import WatchDemo2 from './components/WatchDemo2.vue'
import WatchDemo3 from './components/WatchDemo3.vue'
import WatchDemo4 from './components/WatchDemo4.vue'
import WatchEffectDemo from './components/WatchEffectDemo.vue'
export default {
  components:{WatchDemo1,WatchDemo2,WatchDemo3,WatchDemo4,WatchEffectDemo}
}
</script>

<style>

</style>